<template>
  <div id="App">
    <input v-model.lazy="username" type="text" />
    <!-- <input v-model.lazy="form.age" type="text" /> -->
  </div>
</template>

<script>
export default {
  name: "App",
  data() {
    return {
      // form: {
      //   age: 0,
      // },
        username: localStorage.getItem('username'),
    };
  },

  watch: {
    // form: {
    //   // immediate
    //   deep: true,
    //   handler(newValue, oldValue) {
    //     console.log(newValue.age, oldValue.age);
    //   },
    // },
    // "form.age": {
    //   handler(newValue, oldValue) {
    //     console.log(newValue, oldValue);
    //   },
    // },
  username(nv,ov){
    console.log(nv,ov);
    localStorage.setItem('username',nv)
  }

  },
};
</script>

<style>
</style>